<template>
    <div class='set'>
    
        <van-nav-bar
            title="设置"
            left-text="返回" 
            left-arrow
            @click-left="onClickLeft"
            />

        <div class="setone">
                <p>网络(流量包月中，移动网络下无限畅听和下载)</p>
            <van-cell center title="使用3G/4G/5G网络播放">
                <template #right-icon>
                    <van-switch v-model="checked" size="24" active-color="#ee0a24"/>
                </template>
            </van-cell>
            <van-cell center title="使用3G/4G/5G网络下载">
                <template #right-icon>
                    <van-switch v-model="checked1" size="24" active-color="#ee0a24" />
                </template>
            </van-cell>
            <van-cell center title="动态页中WiFi下载自动播放视频">
                <template #right-icon>
                    <van-switch v-model="checked2" size="24" active-color="#ee0a24"/>
                </template>
            </van-cell>
            <van-cell center title="流量下进入视频详情页自动播放">
                <template #right-icon>
                    <van-switch v-model="checked3" size="24" active-color="#ee0a24"/>
                </template>
            </van-cell>
        </div>

        <div class="setone">
                <p>播放和下载</p>
            <van-cell center title="音量均衡" label="平衡不同音频内容之间的音量大小" >
                <template #right-icon>
                    <van-switch v-model="checked4" size="24" active-color="#ee0a24"  />
                </template>
            </van-cell>
            <van-cell center title="K歌作品详情页自动跳过前奏">
                <template #right-icon>
                    <van-switch v-model="checked5" size="24" active-color="#ee0a24"/>
                </template>
            </van-cell>

            <van-cell center title="在线播放音质" value="自动" is-link >
            </van-cell>

            <van-cell center title="下载音质" value="极高" is-link >
            </van-cell>

            <van-cell center title="清理缓存"  is-link >
            </van-cell>

            <van-cell center title="播客随心听FM自动播放">
                <template #right-icon>
                    <van-switch v-model="checked6" size="24" active-color="#ee0a24"/>
                </template>
            </van-cell>
        </div>
        
        <div class="setone">
                <p>账号和隐私</p>
            <van-cell center title="账号和绑定设置"  is-link >
            </van-cell>

            <van-cell center title="寻找并邀请好友" is-link>
            </van-cell>

            <van-cell center title="系统权限设置" is-link >
            </van-cell>
        </div>

        <div class="setone settwo">
                <p>工具</p>
            <van-cell center title="锁屏歌词">
                <template #right-icon>
                    <van-switch v-model="checked7" size="24" active-color="#ee0a24"/>
                </template>
            </van-cell>
            <van-cell center title="截屏后分享">
                <template #right-icon>
                    <van-switch v-model="checked8" size="24" active-color="#ee0a24" />
                </template>
            </van-cell>

            <van-cell center title="跑步FM离线包" label="连接Wi-Fi时，会自动缓存跑步歌曲">
                <template #right-icon>
                    <van-switch v-model="checked9" size="24" active-color="#ee0a24"/>
                </template>
            </van-cell>

            <van-cell center title="直播内容推荐">
                <template #right-icon>
                    <van-switch v-model="checked10" size="24" active-color="#ee0a24"/>
                </template>
            </van-cell>

            <van-cell center title="手机锁屏菜单支持加“红心”" label="CarPlay车载屏幕上会自动开启同步">
                <template #right-icon>
                    <van-switch v-model="checked11" size="24" active-color="#ee0a24"/>
                </template>
            </van-cell>

            <van-cell center title="底部导航自定义" is-link>
            </van-cell>

            <van-cell center title="账号页管理" is-link>
            </van-cell>

            <van-cell center title="智能硬件" is-link>
            </van-cell>

            <van-cell center title="HomePod 绑定" is-link>
            </van-cell>
        </div>

    </div>
</template>

<script>

import { Switch } from 'vant';
import Vue from 'vue';
Vue.use(Switch);
export default {
    
    data() {
        
        return {
             checked: true,
             checked1:false,
             checked2:true,
             checked3:false,
             checked4:true,
             checked5:false,
             checked6:true,
             checked7:true,
             checked8:true,
             checked9:false,
             checked10:true,
             checked11:false,
        };
    },
    computed: {},
    watch: {},
    
    methods: {
        onClickLeft() {
            this.$router.go(-1)
        },
    },
    created() {
        
    },
    mounted() {
        
    },
    components: {},
    }
</script>
<style scoped>
    .settwo{
        margin-bottom: 50px;
    }
    .setone p{
    font-size: 13px;
    color: gray;
    background-color: #80808012;
    display: block;
    height: 43px;
    line-height: 46px;
    padding-left: 15px;
    }
</style>